<%@page contentType="text/html" pageEncoding="ISO-8859-1"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>

<f:view>

    <link href="/evento/css/admin_1.css" rel="stylesheet" type="text/css"/>
    <script language="JavaScript" type="text/javascript">
        function moverCajaNombre(e) {
            var cajaNombre = document.getElementById('formulario:txtNombre');
            if (e.keyCode == 13) {
                cajaNombre.focus();
            }
        }

        function moverCasillaActivo(e) {
            var casilla = document.getElementById('formulario:chkActivo');
            if (e.keyCode == 13) {
                alert("casilla: " + casilla.value);
                casilla.focus();
            }
        }

        function moverBotonGuardar(e) {
            var botonGuardar = document.getElementById('formulario:btnGuardar');
            if (e.keyCode == 13) {
                botonGuardar.focus();
            }
            
        }
        
    </script>

    <t:div>
        <h:form id="formulario" styleClass="fondoFormulariosyPanel">
            <h:panelGrid columns="1" styleClass="rayaForms" width="100%">
                <h:outputLabel  value="Registrar Nuevo Tipo Gasto Para Eventos" />
            </h:panelGrid>
            <h:panelGrid columns="2" styleClass="fondoFormulariosyPanel">

                <h:outputLabel value="Nombre" />
                <h:inputText id="txtNombre" value="#{TipoConceptoController.tipoConcepto.tpcNombre}" size="40" maxlength="40" onkeypress="moverCasillaActivo(event);" />

                <h:outputLabel value="Activo" />
                <h:selectBooleanCheckbox id="chkActivo" value="#{TipoConceptoController.tipoConcepto.tpcEstado}" onkeypress="moverBotonGuardar(event);" />

            </h:panelGrid >
            <br/>
            <h:commandButton  id="btnRetornar" value="Retornar" accesskey="R" action = "#{TipoConceptoController.listar}" title="Retornar"/>
            &nbsp;&nbsp;
            <h:commandButton id="btnGuardar" value="Guardar" accesskey="G" action="#{TipoConceptoController.guardar}"  onclick="return confirm('Deseas registrar el tipo de Gasto Para Evento?');" title="Guardar" onkeypress="moverCajaNombre(event);" />
            &nbsp;&nbsp;
            <h:commandButton id="btnCancelar" value="Cancelar" accesskey="A" action = "#{TipoConceptoController.cancelar}" title="Cancelar"/>
            <br/><br/>
            <h:outputLabel id="txtMensaje" value="#{TipoConceptoController.mensaje}" style="font-weight:bold; color:blue" />
        </h:form>
    </t:div>
</f:view>
